(function (window, $) {
    $(function() {
        $('.jp-ripple').on('click', function (event) {
            //event.preventDefault();

            var $div = $('<div/>'),
                btnOffset = $(this).offset(),
                xPos = event.pageX - btnOffset.left,
                yPos = event.pageY - btnOffset.top;



            $div.addClass('jp-ripple-effect');
            var $ripple = $(".ripple-effect");

            $ripple.css("height", $(this).height());
            $ripple.css("width", $(this).height());
            $div
                .css({
                    top: yPos - ($ripple.height()/2),
                    left: xPos - ($ripple.width()/2),
                    background: $(this).data("jp-ripple-color")
                })
                .appendTo($(this));

            window.setTimeout(function(){
                $div.remove();
            }, 2000);
        });
        $(".jp-i-input").on('focus',function(event){
            $(this).parent().addClass("jp-i-focus");
        });
        $(".jp-i-input").on('blur',function(event){
            if($(this).val().length==0){
                $(this).parent().removeClass("jp-i-focus");
            }

        });
        $(".jp-i-group input[type='file']").on('focus',function(event){
            var _next=$(this).next(".jp-i-input");
            $(this).parent().addClass("jp-i-focus");
            _next.css("border-bottom-width","2px");
        });
        $(".jp-i-group input[type='file']").on('change',function(event){
            var _next=$(this).next(".jp-i-input");
            _next.val($(this).val());
            if($(this).val().length==0){
                $(this).parent().removeClass("jp-i-focus");
                _next.css("border-bottom-width","1px");
            }


        });
        $("textarea.jp-i-input").bind('input propertychange',function(e){
            var t=$(this);
            var p=t.parent();
            var div= p.children(".tlen");
            var len_div= p.children(".len_div");
            if(div.length==0){
                p.append("<textarea class='tlen'></textarea>");
                div= p.children(".tlen");
            }
            if(len_div.length==0){
                p.append("<div class='len_div'></div>");
                len_div= p.children(".len_div");
            }
            var iw=t.data('iw');
            if(!iw){
                div.width(t.get(0).clientWidth+getScrollWidth()-4);
            }

            div.val(t.val());
            len_div.html(t.val().length);
            t.height(div.get(0).scrollHeight-4);
        });
        function getScrollWidth() {
            var noScroll, scroll, oDiv = document.createElement("DIV");
            oDiv.style.cssText = "position:absolute; top:-1000px; width:100px; height:100px; overflow:hidden;";
            noScroll = document.body.appendChild(oDiv).clientWidth;
            oDiv.style.overflowY = "scroll";
            scroll = oDiv.clientWidth;
            document.body.removeChild(oDiv);
            return noScroll-scroll;
        }

        $(".jp-list-item").on('click', function (event) {
            var t=$(this);
            var check=t.find('input[type="checkbox"]');
            if(check.length>0){
                var c=check.get(0).checked;
                if(c){
                    check.iCheck('uncheck');
                }else{
                    check.iCheck('check');
                }
            }

        });
        $(".jp-list-item .showbox").on('click', function (event) {
            var targ=$(this).data('target');
            $(targ).modal('show');
            return false;
        });

    });

})(window, jQuery);